/**
 * 纯运行时框架
 */

// 树形结构的数据对象
const obj = {
    tag: 'div',
    children: [
        {tag: 'span', children: 'hello worldd'}
    ]
}

// 实现 Render 函数
function Render(obj, root) {
   const el = document.createElement(obj.tag)
    if(typeof obj.children === 'string'){
        const text = document.createTextNode(obj.children)
        el.appendChild(text)
    }else if (obj.children){
        // 数组递归调用 Render,使用 el 作为 root 参数
        obj.children.forEach((child)=> Render(child,el))
    }

    // 将元素添加到 root
    root.appendChild(el)
}

// 使用渲染函数
Render(obj,document.body)